<!--
 * @Author: 卡卡 1071780426@qq.com
 * @Date: 2023-09-27 17:43:02
 * @LastEditors: 贺楠 1071780426@qq.com
 * @LastEditTime: 2024-05-29 17:28:19
 * @FilePath: \mould\src\components\BehaViorManage\feedbackListText\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->

<template>
  <!-- 小弹框 width:500,height:0.3,top:15%  -->
  <!-- 中弹框 width:800,height:0.5,top:10% -->
  <!-- 大弹框 width:1060,height:0.76,top:5% -->

  <div class="Control-1 mechanism_dialogS closure" id="comcn small">
    <el-dialog
      width="80%"
      title="详情"
      v-loading="loading"
      element-loading-text="拼命加载中"
      element-loading-background="rgba(0, 0, 0, 0.2)"
      element-loading-spinner="el-icon-loading"
      v-dialogDrag
      :visible.sync="visible"
      @close="closeDialog1"
      :append-to-body="true"
      top="5%"
    >
      <div
        class="dialogBody common"
        :style="{ height: dialogHeight }"
        style="width: 100%"
      >
      <div class="dialogBodyBox" style="position: relative; height: 55%">
              <tableData
                :height="navigatepageNums_M > 1 ? 'calc(100% - 0px)' : '100%'"
                :config="material_config"
                :dataList="materialData"
                statusType="3"
                :level="level"
                :earlyWarning="earlyWarning"
                :currentRow="false"
                :stripe="false"
              />
              <PaginationS
                :info="queryCriteriaDatas_M"
                v-if="navigatepageNums_M > 1"
                :total="queryCriteriaDatas_M.total"
                :pageNum.sync="materialGetList.page"
                :limit.sync="materialGetList.pageSize"
                @pagination="getDetail(materialGetList)"
              />
            </div>
            <hr />
            <div class="dialogBodyBox" style="height: 45%">
              <div class="tab">
                <div
                  v-for="(data, index) in typeData"
                  :key="data.value"
                  @click="changeType($event, index)"
                >
                  <div
                    class="btn"
                    :style="{
                      color:
                        data.show === true ? 'rgba(0, 117, 255, 1)' : '#343639',
                      background: data.show === true ? '#E0EFFF' : '#fff',
                    }"
                  >
                    {{ data.text }}
                  </div>
                </div>
              </div>

              <div class="charts" v-if="typeData[0].show">
                <!-- 浆量-->
                <thickLiquidCharts
                  v-loading="chartsLoading"
                  element-loading-text="拼命加载中"
                  element-loading-spinner="el-icon-loading"
                  element-loading-background="rgba(0, 0, 0, 0.3)"
                  :time1="this.getList.timeDates[0]"
                  :time2="this.getList.timeDates[1]"
                  :commonData="thickLiquidData"
                >
                </thickLiquidCharts>
              </div>

              <div class="charts" v-if="typeData[1].show">
                <!-- 压力 -->
                <pressureCharts
                  v-loading="chartsLoading"
                  element-loading-text="拼命加载中"
                  element-loading-spinner="el-icon-loading"
                  element-loading-background="rgba(0, 0, 0, 0.3)"
                  :time1="this.getList.timeDates[0]"
                  :time2="this.getList.timeDates[1]"
                  :commonData="pressureData"
                >
                </pressureCharts>
              </div>
            </div>
      </div>
    

    </el-dialog>
  </div>
</template>

<script src="./index.js"></script>
<style lang="less" scoped>
@import "./index.less";
</style>
